<script setup lang="ts">

import ChildBoth from "@/Components/ChildBoth.vue";
import ThreeDiv from "@/Components/ThreeDiv.vue";
import ThreeButton from "@/Components/ThreeButton.vue";
import RightUserPhoto from "@/Components/RightUserPhoto.vue";
import UndoRedoSearch from "@/Components/UndoRedoSearch.vue";
import LeftList from "@/Components/LeftList.vue";
import SongList from "@/Components/SongList.vue";
import SongBottom from "@/Components/SongBottom.vue";
</script>

<template>
  <child-both></child-both>
  <song-bottom class="pl-30 pr-35" :pageName="pageName"></song-bottom>
  <div class="body flex">
    <left-list></left-list>
    <div class="main grow h-200 flex flex-col overflow-auto pb-15 mx-3 ">
      <undo-redo-search ></undo-redo-search>
      <div class="h-50 flex flex-col gap-5 mt-17 ml-5">
       hi
      </div>

    </div>
    <right-user-photo></right-user-photo>
  </div>
</template>

<style scoped>

</style>